<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径:
    相对路径: 访问站内资源时使用
        1. 资源和页面在同一目录:直接写图片名
        2. 资源在页面的上级目录: ../图片名
        3. 资源在页面的下级目录:文件夹名/图片名
    绝对路径:访问站外资源时使用, 也称为图片盗链,有找不到图片的风险
    alt:当图片不能正常显示时显示的文本
    title:图片标题 悬停在图片上显示的内容
    width/height:设置宽高
        1. 像素
        2. 百分比
        如果只设置宽度高度会等比例缩放
    -->
<img src="aa.png" alt="传奇哥的靓照">
<img src="../b.jpg" title="你看我美吗?" width="50%">
<img src="abc/c.jpg" width="300" height="300">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">

</body>
</html>